草庐IT

CSS 语法

全部标签

javascript - javascript 中的 bg 颜色、悬停、!important 和 .css

我遇到了一个问题。我已经创建了一些“选项卡”功能,如演示中所示:http://jsfiddle.net/4FLCe/计划是,当您将鼠标悬停在选项卡上时,其颜色变为颜色A,当您单击选项卡时,其颜色变为颜色B。从演示中可以看出,单击后悬停时背景颜色停止变化。我想在悬停的背景颜色中添加!important,结果可以看到:http://jsfiddle.net/4FLCe/1/但是这并不像我想要的那样执行,悬停现在可以在javascript设置的背景颜色上工作。然后我将!important添加到javascript中的颜色集。这导致了一些可怕的事情。唯一理解我想要实现的目标的浏览器是Opera

对象文字语法错误中的 JavaScript 字符串文字

我正在尝试将一些html标记放入数组中以供稍后检索。我的编辑器在description1行抛出一个语法错误,我不明白为什么。任何帮助将非常感激。下面的代码。谢谢Avarmodalcontent={description1:'Description'} 最佳答案 你有一个未闭合的字符串文字。默认情况下,JavaScript字符串不是多行。varmodalcontent={description1:''+'Description'+''+''+''+''+''+''}(fiddle)或者,您可以使用\字符创建多行字符串,这些仅适用于较新

javascript - 是否有一种简单的转换方法可以将 chrome 消息传递转换为 safari 消息传递语法?

我的Chrome扩展程序使用消息传递从后台页面上扩展程序的内置本地存储区域检索各种值。我喜欢chrome消息传递的一点是,它允许您在sendMessage调用中包含一个回调函数,如下所示:chrome.runtime.sendMessage({greeting:"hello"},function(response){console.log(response.farewell);});相应的消息接收代码如下所示(来自Chrome扩展文档的示例代码):chrome.runtime.onMessage.addListener(function(request,sender,sendRespo

javascript - 语法错误 : invalid arrow-function arguments (parentheses around the arrow-function may help)

这样的代码会产生一个错误:if(hr>t1[0]||(hr==t1[0]&&min=>t1[1])&&hr错误:SyntaxError:无效的arrow-function参数(arrow-function周围的括号可能有帮助)这是什么意思,它是如何发生的?Google搜索此错误毫无用处。编辑:似乎是使用=>=而不是=引起的。但我仍然很好奇为什么错误是这样表述的,以及箭头函数应该是什么。编辑2.首先,我没有意识到这实际上可能是特定于浏览器的问题。另外,我没有意识到现在人们在浏览器上下文之外的其他地方使用JS。所以,为了说明这一点,我的浏览器是MozillaFirefox25.0.1。

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

JavaScript:语法示例中参数左括号后的逗号

这个问题在这里已经有了答案:Howtointerpretfunctionparametersinsoftwareandlanguagedocumentation?(4个答案)关闭7个月前。Array.prototype.indexOf()等方法的语法看起来像这样:arr.indexOf(searchElement[,fromIndex=0])[,...]是什么意思,为什么括号内是逗号?

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - react 运动的压倒性语法

我想使用https://github.com/chenglou/react-motion但是当我看到第一个例子时:import{Motion,spring}from'react-motion';//Inyourrender...{value=>{value.x}}我对ES6语法和JSX语法不知所措。我试着在babelREPL上翻译它但它去掉了JSX语法:"usestrict";React.createElement(Motion,{defaultStyle:{x:0},style:{x:spring(10)}},function(value){returnReact.createEle

javascript - 检查 CSS 选择器是否有效

我有一个供用户输入CSS选择器的字段,我想检查它是否有效(根据css3specification)。我尝试使用css3specification中的表达式正如anotherstackoverflowtopic中所建议的那样,但它不起作用-我构建的正则表达式与有效的选择器不匹配。我现在所拥有的只是:try{document.querySelector(selector);}catch(e){//handlebadinput}但这似乎不是一个好的解决方案-querySelector函数是为获取元素而设计的,检查选择器只是一个副作用。此外,它不提供有关选择器问题的任何信息。我正在寻找类似do